<% include header.html %>
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
      	<div class="navbar-header">
        	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
        		<span class="icon-bar"></span>
        		<span class="icon-bar"></span>
        		<span class="icon-bar"></span> 
        	</button>
        	<a class="navbar-brand" href="/home">GraMusic</a> 
      	</div>
      	<div class="navbar-collapse collapse">
        	<ul class="nav navbar-nav navbar-right">
	          	<li><a href="/home">Home</a></li>
	          	<li><a href="/home/map">Map</a></li>
		        <li class="active"><a href="/home/topTen">TopTen</a></li>
		        <li><a href="/home/playList">PlayList</a></li>
		        <li><a href="/home/rss">RSS</a></li>
		        <li><a href="/">Logout</a></li>
        	</ul>
      	</div>
    </div>
</div>
<div id="headerwrap">
  	<header class="clearfix">
    <!-- <i class="fa fa-language icon"></i> -->
    	<h1><%= subtitle %></h1>
      <div class="col-md-offset-3 col-md-6 jx-div">
        <div class="panel panel-primary">
          <div class="panel-heading" id="start">Top ten musics with the most comments</div>
          <table class="table table-hover">
            <tr>
              <th>#</th>
              <th>Music Name</th>
              <th>Musician</th>
              <th>Comments</th>
              <th>Enjoy</th>
            </tr>
            <tbody id="topten">
            </tbody>
          </table>
        </div>
      </div>
    </header>
</div>
<% include footer.html %>

